<template>
  <div class="main">
    <ul>
      <li><label>药品名称</label><span>{{data.aka061}}</span></li>
      <li><label>药品通用名</label><span>{{data.aka079}}</span></li>
      <li><label>处方药标志</label><span>{{data.aka064Name}}</span></li>
      <li><label>自付比例</label><span>{{data.aka069}}</span></li>
      <li><label>离休自付比例</label><span>{{data.xxx}}</span></li>
      <li><label>二乙自付比例</label><span>{{data.xxx}}</span></li>
      <li><label>单位</label><span>{{data.aka076}}</span></li>
      <li><label>医保分类</label><span>{{data.xxx}}</span></li>
      <li><label>剂型</label><span>{{data.aka070}}</span></li>
      <li><label>规格</label><span>{{data.aka077}}</span></li>
      <li><label>厂家</label><span>{{data.aka083}}</span></li>
    </ul>
  </div>
</template>
<script>
  export default {
    name: 'index',
    data () {
      return {
        data:{},
      }
    },
    methods: {
    },
    created(){
        let item=this.$route.query.item;
        if(item){
            this.data=JSON.parse(item);
        }
    }
  }
  document.body.style.background="#F8F7F6";
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
  ul{background: #ffffff;border-bottom: 1px solid #DFDFDF;box-shadow: 0 2px 4px 0 rgba(51,153,255,0.36);}
  li{margin-left: 4%; padding: 0.12rem 0;overflow: hidden;}
  li:not(:last-child){border-bottom: 1px solid #DFDFDF;}
  label{font-size: 14px;color: #999999;display: inline-block;width: 30%;}
  span{font-size: 14px;color: #333333;float: right;margin-right: 4%;display: inline-block;width: 65%;text-align: right;}
  .text_align{text-align: left!important;}
</style>
